<template>
  <div>
    <van-nav-bar title="大牛" left-arrow @click-left="onClickLeft" />
    <ul>
      <li v-for="item in list" style="display:flex;margin:.4rem 0;">
          <img src="https://img.yzcdn.cn/vant/t-thirt.jpg" style="display:block;height:1rem;width:1rem;margin-right:.5rem;"/>
          <span style="background:#ccc;border-radius: 5%;height:.5rem">{{item}}</span>
          </li>
    </ul>
    <div style="display:flex;position:absolute;bottom:0.2rem;left:0.4rem;">
      <van-icon name="phone" style="font-size:.44rem;margin-right:0.2rem" />
      <input
        type="text"
        v-model="ipt"
        style="border:none;background:#ccc;heght:.44rem;margin-right:1rem"
      />
      <button @click="tab()">发送信息</button>
    </div>
  </div>
</template>
<script>
export default {
    data(){
        return{
           ipt:'',
           list:[], 
        }
    },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
     tab(){
        this.list.push(this.ipt)
        this.ipt=''
    }
  }
};
</script>
<style scoped>
</style>
